{include file='public/head' /}
<body>
<link rel="stylesheet" href="/static/hry/dist/css/swiper.min.css">
{include file='public/menu' /}
<div class="index">
    <div class="swiper-banner-container">
        <div class="swiper-wrapper">
            {volist name="BannerList" id="banner"}
            <div class="swiper-slide">
                {if condition=" (session('UID')) AND (session('isCheck') neq 1 )"}
                    <a href="javascript:void(0)" onclick="head_auth_block_show()"  style="width: 100%"><img src="{$banner.litpic}"  alt="{$banner.info}" style="width: 100%"/></a>
                    {else}
                    <a href="{$banner.url}"  style="width: 100%"><img src="{$banner.litpic}"  alt="{$banner.info}" style="width: 100%"/></a>
                     {/if}
            </div>
            {/volist}
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
    <!--热门项目开始-->
    <div class="section2">
        <div class="wrap">
            <div class="title">
                <div class="center">
                    <p class="hot-more">
                        <span>热门项目</span>
                        <a class="more-btn" href="{:url('Project/index')}">更多 ></a>
                    </p>

                    <input id="i-s2-ul" type="hidden" value="{:url('Index/section2',['status'=>7])}">
                </div>
            </div>
        </div>
        <div class="hot-content">
            {volist name="dataList" id="vo"}
            <div class="hot-content-imgBox">
                <img src="{$vo.picture|default='/static/global/face/no-picture.jpg'}" alt="{$vo.title}">
            </div>
            {/volist}
        </div>
    </div>
    <!--热门项目结束-->
    <!--新闻中心 开始-->
    <div class="section4 news" style="margin-bottom:49px ">
        <div class="wrap">
            <div class="title">
                <div class="center">
                    <span>新闻资讯</span><br>
                </div>
            </div>
            <div class="news-tabs" id="news-Tabs">
                <p class="news-Tabs-option" id="all-btn">全部</p>
                <p class="news-Tabs-option" id="inform-btn">平台通知</p>
                <p class="news-Tabs-option" id="project-btn">项目动态</p>
                <p class="news-Tabs-option" id="information-btn">娱乐资讯</p>
            </div>
            <div class="news-content">
                <div class="news-classify-content" id="all-content">
                    <div>
                        {volist name="CateList.list.all" id="article"}
                        <a href="{:url('Detail/index',array('id'=>$article.id))}">
                            <div>
                                <img src="{$article.litpic}" alt="{$article.title}">
                            </div>
                            <div class="news-content-text">
                                <p>{$article.title}</p>
                                <p>{if $article.typeid eq 3}娱乐资讯{elseif $article.typeid eq 1}项目动态{elseif $article.typeid eq 2}平台公告{/if}</p>
                                <p>
                                    {$article.description}
                                </p>
                            </div>
                        </a>
                        {/volist}
                    </div>
                </div>
                <div class="news-classify-content" id="inform-content">
                    <div>
                        {volist name="CateList.list.platform" id="article"}
                        <a href="{:url('Detail/index',array('id'=>$article.id))}">
                            <div>
                                <img src="{$article.litpic}" alt="{$article.title}">
                            </div>
                            <div class="news-content-text">
                                <p>{$article.title}</p>
                                <p>平台公告</p>
                                <p>
                                    {$article.description}</p>
                            </div>
                        </a>
                        {/volist}
                    </div>
                </div>
                <div class="news-classify-content" id="project-content">
                    <div>
                        {volist name="CateList.list.project" id="article"}
                        <a href="{:url('Detail/index',array('id'=>$article.id))}">
                            <div>
                                <img src="{$article.litpic}" alt="{$article.title}">
                            </div>
                            <div class="news-content-text">
                                <p>{$article.title}</p>
                                <p>项目动态</p>
                                <p>
                                    {$article.description}</p>
                            </div>
                        </a>
                        {/volist}
                    </div>
                </div>
               <div class="news-classify-content" id="information-content">
                   <div>
                       {volist name="CateList.list.news" id="article"}
                       <a href="{:url('Detail/index',array('id'=>$article.id))}">
                           <div>
                               <img src="{$article.litpic}" alt="{$article.title}">
                           </div>
                           <div class="news-content-text">
                               <p>{$article.title}</p>
                               <p>娱乐资讯</p>
                               <p>
                                   {$article.description}</p>
                           </div>
                       </a>
                       {/volist}
                   </div>
               </div>

            </div>
        </div>
    </div>
    <!--新闻中心 结束-->
    <!--新闻中心 开始-->
    <div class="section4">
        <div class="wrap">
            <div class="title">
                <div class="center">
                    <span>安全保障</span><br>
                </div>
            </div>
            <ul class="hry-safe" id="i-s5-content">
               <li>
                   <div>
                       <img src="/static/hry/images/touzianquan.png" alt="">
                   </div>
                   <p>投资安全</p>
               </li>
                <li>
                    <div>
                    <img src="/static/hry/images/xinxianquan.png" alt="">
                    </div>
                    <p>信息安全</p>
                </li>
                <li>
                    <div>
                    <img src="/static/hry/images/zijinanquan.png" alt="">
                    </div>
                    <p>资金安全</p>
                </li>
                <li>
                    <div>
                    <img src="/static/hry/images/jindiaoshenji.png" alt="">
                    </div>
                    <p>尽调审计</p>
                </li>
            </ul>
        </div>
    </div>
    <!--新闻中心 结束-->
</div>
<link rel="stylesheet" href="/static/hry/layui/css/layui.css">
<script src="/static/hry/dist/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
{include file="public/foot"}

</body>
<style>
    .layui-carousel{
        z-index: 9;
    }
    .layui-carousel-ind{
        top: -66px;
    }
    .layui-carousel-ind ul{
        background-color: transparent;
    }
    .layui-carousel-ind ul:hover{
        background-color: transparent;
    }
    .layui-carousel-ind li.layui-this{
        background-color: #fd7400;
        border: 1px solid #fd7400;
        height: 5px;
    }
    .layui-carousel-ind li{
        display: inline-block;
        width: 118px;
        height: 3px;
        border: none;
        margin: 0 4px;
        background: rgba(255,255,255,0.5) ;
        border-radius: 0;
        vertical-align: middle;

    }
    .swiper-banner-container{
        overflow: hidden;
        z-index: 9;
        position: relative;
    }
    .swiper-container{
        height: 638px;
        z-index: 8;
    }
    .swiper-container .swiper-wrapper {
        display: flex;
    }
    .swiper-container .swiper-slide {
        text-align: center;
        height: 559px;
        overflow: hidden;
        align-self: center;

    }
    @media (max-width: 1250px) {
        .swiper-container .swiper-slide {
            text-align: center;
            height: 480px;
            overflow: hidden;
            align-self: center;

        }
    }
    .swiper-container .swiper-slide img {
        width: 100%;
    }
    .swiper-container .swiper-slide-active {
        transform: scaleY(1.1);
        -webkit-box-shadow: 0 0 18px #4d4d4d;
        -moz-box-shadow: 0 0 18px #4d4d4d;
        box-shadow: 0 0 18px #4d4d4d;
    }
    .swiper-container .swiper-slide-active img{
        height: 100%;
        box-shadow: 0 0 3px rgba(255,255,255,0.5);
    }
</style>
{include file='public/load_bottom' /}
<script>
    document.body.addEventListener('touchstart',function(){});
    $(function () {
//        {if condition="(session('UID')) AND (session('isCheck') neq 1 )"}
//        $(document.body).css({
//            "overflow-x":"hidden",
//            "overflow-y":"hidden"
//        });
//        {else/}
//            $(document.body).css({
//                "overflow-x":"auto",
//                "overflow-y":"auto"
//            });
//        {/if}
            // layui.use('carousel', function(){
            //     var carousel = layui.carousel;
            //     //建造实例
            //     carousel.render({
            //         elem: '#test1'
            //         ,width: '100%' //设置容器宽度
            //         ,arrow: 'always', //始终显示箭头
            //         //,anim: 'updown' //切换动画方式
            //     });
            // });
            // 轮播图
            var bannerSwiper = new Swiper ('.swiper-banner-container', {
                speed: 1000,
                autoHeight: true,
                autoplay: {
                    delay: 3000
                },
                loop: true, // 循环模式选项

                // 如果需要分页器
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true
                },

                // 如果需要前进后退按钮
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },
            })
        // 热门项目iframe
            var mySwiper = new Swiper ('.swiper-container', {
                direction : 'horizontal', //滑动方向
                initialSlide :0,
                loop: true, // 循环模式选项
                slideToClickedSlide: true,
                spaceBetween: 21,
                height: 638,
                speed:400,
                autoplay: {
                    delay: 3000,
                    stopOnLastSlide: false,
                    disableOnInteraction: false,
                },
                slidesPerView : 4,
                centeredSlides : true,
            })
        funIndexS2()
        // 新闻
        $('.news-classify-content').css("display","none");
        $('#all-content').css("display","block");
        newsChange();
            $('#news-Tabs').find('.news-Tabs-option').on("click",function (e) {
                $('.news-classify-content').css("display","none");
                $('.news-Tabs-option').css({"background-color":"#ffffff","color":"#999999"});
                $(this).css({"background-color":"#fd7400","color":"#FFFFFF"});
                if($(this).context.id === "all-btn"){
                    $('#all-content').css("display","block");
                } else if($(this).context.id === "inform-btn") {
                    $('#inform-content').css("display","block");
                } else if($(this).context.id === "project-btn") {
                    $('#project-content').css("display","block");
                } else if($(this).context.id === "information-btn") {
                    $('#information-content').css("display","block");
                }
            })
    })
    function funIndexS2() {
        var url = $('#i-s2-ul').val()
        $('#index-s2-iframe').attr('src',url)
    }
    function newsChange(){
        var btn = $('#i-s4-btn').find('li')
        var content = $('#i-s4-content').find('li')
        content.eq(0).addClass('ac')
        btn.click(function(){
            $(this).addClass('ac').siblings().removeClass('ac')
            content.eq($(this).index()).addClass('ac').siblings().removeClass('ac')
        })
    }
</script>
</html>